<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:p="http://primefaces.org/ui"
    xmlns:shiro="http://shiro.apache.org/tags"
    template="../../templates/plantilla.xhtml">

	<ui:define name="content">
		<shiro:hasAnyPermission name="admon_eventos:consultar,admon_eventos:crear">
			<h:form id="formularioBase">
				<p:panel header="#{etq['sifeap.eventos.titulo']}" style="width:100%; text-align:left;">
					<div align="center">
						<h:panelGrid columns="2" style="width:70%;text-align:left;" id="panelCampos" columnClasses="column-template1">
							<h:outputText value="#{etq['sifeap.eventos.nombre']} *" />
							<p:inputText id="nombre" value="#{eventosManagedBean.nombre}" maxlength="256" style="width:97%" required="true" requiredMessage="#{msj['sifeap.eventos.nombre.obligatorio']}"/>
							
							<h:outputText value="#{etq['sifeap.eventos.descripcion']} *" />
							<p:inputTextarea id="descripcion" value="#{eventosManagedBean.descripcion}" maxlength="256" style="width:97%" required="true" requiredMessage="#{msj['sifeap.eventos.descripcion.obligatorio']}" rows="4" autoResize="false"/>
						</h:panelGrid>
						<h:panelGrid columns="5" style="width:70%;text-align:left;" id="panelFechas" columnClasses="column-template1">
							<h:outputText value="#{etq['sifeap.eventos.inicioVigencia']} *" />
							<p:calendar id="inicioVigencia2" value="#{eventosManagedBean.inicioVigencia}" navigator="true" readonlyInput="true" pattern="dd-MM-yyyy" locale="es" required="true" requiredMessage="#{msj['sifeap.eventos.inicioVigencia.obligatorio']}"/>
							<p:spacer width="18px" height="1px" />
							
							<h:outputText value="#{etq['sifeap.eventos.finVigencia']} *" />
							<p:calendar id="finVigencia2" value="#{eventosManagedBean.finVigencia}" navigator="true" readonlyInput="true" pattern="dd-MM-yyyy" locale="es" required="true" requiredMessage="#{msj['sifeap.eventos.finVigencia.obligatorio']}"/>
							
							<h:outputText value="#{etq['sifeap.eventos.fechaEvento']} *" />
							<p:calendar id="fechaEvento2" value="#{eventosManagedBean.fechaEvento}" navigator="true" readonlyInput="true" pattern="dd-MM-yyyy" locale="es" required="true" requiredMessage="#{msj['sifeap.eventos.fechaevento.obligatorio']}" />
							<h:outputText value=" " />
							
							<h:outputText value="#{etq['sifeap.eventos.horaEvento']}" />
							<p:calendar id="horaEvento2" value="#{eventosManagedBean.horaEvento}" readonlyInput="true" pattern="hh:mm a" locale="es" timeOnly="true" stepMinute="5"/>
						</h:panelGrid>
					
						<h:panelGrid columns="2" id="panelBoton">
							<shiro:hasPermission name="admon_eventos:crear">
								<p:commandButton actionListener="#{eventosManagedBean.guardar}" value="#{etq['sifeap.guardar']}" update="@form, listaEventos, :notificacionEventos"/>
							</shiro:hasPermission>
							
							<p:commandButton action="#{eventosManagedBean.limpiar}" value="#{etq['sifeap.limpiar']}" update="@form" process="@this" rendered="#{eventosManagedBean.accion != 1}"/>
							
							<p:commandButton action="#{eventosManagedBean.cancelar}" value="#{etq['sifeap.cancelar']}" update="@form, listaEventos" process="@this" rendered="#{eventosManagedBean.accion == 1}"/>
						</h:panelGrid>
					</div>
					
					<shiro:hasPermission name="admon_eventos:consultar">
						<h:panelGrid columns="1" id="resultadosPanel" style="width:100%;" rendered="#{eventosManagedBean.mostrarResultados}">
							<p:dataTable value="#{eventosManagedBean.listaEventos}" widgetVar="listaEventos"
								var="evento" id="listaEventos" paginator="true" paginatorAlwaysVisible="false" paginatorPosition="bottom" rows="10">
								<p:column headerText="#{etq['sifeap.eventos.nombre']}" style="white-space: normal;">
									<h:outputText value="#{evento.nombre}" />
								</p:column>
								<p:column headerText="#{etq['sifeap.eventos.descripcion']}" style="white-space: normal;">
									<h:outputText value="#{evento.descripcion}" />
								</p:column>
								<p:column headerText="#{etq['sifeap.eventos.inicioVigencia']}">
									<h:outputText value="#{evento.inicioVigencia}" >
										<f:convertDateTime pattern="dd-MM-yyyy"/>
									</h:outputText>
								</p:column>
								<p:column headerText="#{etq['sifeap.eventos.finVigencia']}">
									<h:outputText value="#{evento.finVigencia}">
										<f:convertDateTime pattern="dd-MM-yyyy"/>
									</h:outputText>
								</p:column>
								<p:column headerText="#{etq['sifeap.eventos.fechaEvento']}">
									<h:outputText value="#{evento.fechaEvento}">
										<f:convertDateTime pattern="dd-MM-yyyy"/>
									</h:outputText>
								</p:column>
								<p:column headerText="#{etq['sifeap.eventos.horaEvento']}">
									<h:outputText value="#{evento.horaEvento}">
										<f:convertDateTime pattern="hh:mm a" />
									</h:outputText>
								</p:column>
								<shiro:hasPermission name="admon_eventos:editar">
									<p:column style="text-align:center">
										<p:commandLink id="btnEditar" 
											actionListener="#{eventosManagedBean.cargarEditar}"
											update="@form"
											process="@this"
											disabled="#{eventosManagedBean.accion == 1}">
											<f:param value="#{evento.idEvento}"
												name="p_idevento_edit" id="p_idevento_edit" />
											<h:graphicImage library="images" name="editar.png"
												style="width: 18; height: 18; border: 0px;"
												alt="#{etq['sifeap.editar']}"
												title="#{etq['sifeap.editar']}" />
										</p:commandLink>
									</p:column>
								</shiro:hasPermission>
								<shiro:hasPermission name="admon_eventos:eliminar">
									<p:column style="text-align:center">
										<p:commandLink id="btnEliminar"
											actionListener="#{eventosManagedBean.cargarEliminar}"
											oncomplete="dialogEliminar.show()" process="@this"
											disabled="#{eventosManagedBean.accion == 1}">
											<f:param value="#{evento.idEvento}"
												name="p_idevento_elim" id="p_idevento_elim" />
											<h:graphicImage library="images" name="eliminar.png"
												style="width: 18; height: 18; border: 0px;"
												alt="#{etq['sifeap.eliminar']}"
												title="#{etq['sifeap.eliminar']}" />
										</p:commandLink>
									</p:column>
								</shiro:hasPermission>
							</p:dataTable>
						</h:panelGrid>
					</shiro:hasPermission>
				</p:panel>
				
				<p:confirmDialog id="dialogEliminar"
					message="#{msj['sifeap.eventos.eliminar.confirmacion']}"
					header="SIFEAP" widgetVar="dialogEliminar"
					severity="alert">
					<h:panelGroup style="display:block; text-align:center">
						<p:commandButton id="aceptarEliminar"
							value="#{etq['sifeap.aceptar']}"
							update="@form,:notificacionEventos"
							onclick="dialogEliminar.hide()" process="@this"
							actionListener="#{eventosManagedBean.eliminar}" />
	
						<p:commandButton id="cancelarEliminar"
							value="#{etq['sifeap.cancelar']}"
							action="#{eventosManagedBean.cancelar}"
							onclick="dialogEliminar.hide()" process="@this" />
					</h:panelGroup>
				</p:confirmDialog>
			</h:form>
		</shiro:hasAnyPermission>
		
		<p:panel header="#{etq['sifeap.eventos.titulo']}" style="width:100%; text-align:left;" rendered="#{!eventosManagedBean.tienePermisos}">
			<ui:include src="/templates/denegado.xhtml" />
		</p:panel>

	</ui:define>
</ui:composition>
